<template>
  <div class="container">
    <import-item :delRow="delRow" :table-column="tableColumn" :api-param="apiParam" :api-url="apiUrl"
      :validate-data="validateData" :uni-key="uniKey" :handle-data="handleData" :excel-address="excelAddress">
    </import-item>
  </div>
</template>
<script>
import ImportItem from '@/components/Import'
export default {
  props: {

  },
  components: { ImportItem },
  data () {
    return {
      // 删除行
      delRow: 2,
      // api地址
      apiUrl: 'url',
      // 表格表头
      tableColumn: [
        { value: 'id', label: 'id' },
        { value: 'content', label: '内容' },
      ],
      // excel地址
      excelAddress: '/static/excel/it.xlsx',
      // 预前校验数据重复的key
      uniKey: '',
      // 问题单元格的颜色配置
      troubleColor: {
        cellColor: '#42b883',
        cellBgColor: '#cbe4df',
        cellRepeatColor: '#eee',
        cellRepeatBgColor: '#90c3f6'
      },
      // 格式校验方法
      validateData: this.validateDataMethos,
      // 数据处理方法
      handleData: this.handleDataAction
    }
  },
  methods: {
    /**
     * 数据处理
     * @param item    每条数据
     * @param error   错误标识
     * @param tName   错误样式标识
     * @returns {boolean} 必须将error入参带回
     */
    validateDataMethos (item, error, tName) {
      if (!item.id) {
        item.id = 'id不能为空'
        item.cellClassName.id = tName
        error = true
      }
      return error
    },
    handleDataAction (item) {
      if (item.content) {
        item.content = item.belong_operator.trim()
      }
      return item
    },
  },
  computed: {
    // api附加参数
    apiParam () {
      return { pid: 'pid' }
    }
  }
}
</script>
</script>
<style lang='scss' scoped>
</style>
